


<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>玉米物流信息管理</title>

    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../font-awesome/css/font-awesome.css" rel="stylesheet">

    <!-- Toastr style -->
    <link href="../css/plugins/toastr/toastr.min.css" rel="stylesheet">

    <!-- Gritter -->

    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">

    <style>

        #addStaff{
            color:rgb(210,210,210);
            text-align: center;
        }
        #addStaff i{

            font-size: 156px;
        }
        .font-bold i
        {
            font-style: normal;
        }
        .right
        {
            float: right;
        }

    </style>

</head>
<body style="background: #ffffff">

<div class="wrapper wrapper-content animated fadeInRight">
    <!-- head start -->
    <div class="row wrapper border-bottom white-bg">
        <div class="col-lg-9">
            <h2>员工列表</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="../index.html">首页</a>
                </li>
                <li>
                    员工管理
                </li>
                <li class="active">
                    <strong>员工列表</strong>
                </li>
            </ol>
        </div>
        <!--<div class="col-lg-3">
            <br>
            <br>
            <br>
            <a href="<c:url value='/AdminOrderServlet?method=findByStatus&status=1' />" class= "btn btn-primary">编号</a>
            <a href="<c:url value='/AdminOrderServlet?method=findByStatus&status=2'/>" class= "btn btn-primary">姓名</a>
            <a href="<c:url value='/AdminOrderServlet?method=findByStatus&status=3'/>" class= "btn btn-primary">入职时间</a>
            <a href="<c:url value='/AdminOrderServlet?method=findByStatus&status=3'/>" class= "btn btn-primary">工资</a>
             </div>-->
    </div>
    <!-- head end -->

    <!-- pageContext start -->
    <div class="row">
        <div class="col-lg-7"></div>



        <div class="col-lg-5">
            <!--<form action="#" method="post" class="input-group">
                <input type="text" name="search" placeholder="search..."><input type="submit" value="搜索">
            </form>-->

            <div class="col-lg-6 ">
                <div class="right">
                    <a href="<c:url value='/AdminOrderServlet?method=findByStatus&status=1'/>" class= "btn btn-primary">编号</a>
                    <a href="<c:url value='/AdminOrderServlet?method=findByStatus&status=2'/>" class= "btn btn-primary">姓名</a>
                    <a href="<c:url value='/AdminOrderServlet?method=findByStatus&status=3'/>" class= "btn btn-primary">入职时间</a>
                    <a href="<c:url value='/AdminOrderServlet?method=findByStatus&status=3'/>" class= "btn btn-primary">工资</a>
                </div>

            </div>
            <div class="col-lg-6 ">
                <div class="input-group">
                    <input type="text" class="form-control" onkeydown="onKeyDown(event)"/>
                    <span class="input-group-addon font-bold">搜索</span>
                </div>

            </div>

        </div>

    </div>





    <div class="row" style="margin-top: 30px;">
        <div class="col-lg-4">
            <div class="contact-box">
                <a href="staff_details.html">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="../img/a2.jpg">
                            <!-- 这里写职位 -->
                            <div class="m-t-xs font-bold">库管</div>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <!-- 员工姓名 -->
                        <h3><strong>John Smith</strong></h3>
                        <p> 联系方式：123</p>
                        <address>
                            <strong>工作履历</strong><br>
                            入职时长：1年<br>
                            财务情况：无预支<br>
                            <!--<abbr title="Phone">P:</abbr> (123) 456-7890-->
                        </address>
                    </div>
                    <div class="clearfix"></div>
                </a>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="contact-box">
                <a href="staff_details.html">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="../img/a2.jpg">
                            <!-- 这里写职位 -->
                            <div class="m-t-xs font-bold">库管</div>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <!-- 员工姓名 -->
                        <h3><strong>John Smith</strong></h3>
                        <p> 联系方式：123</p>
                        <address>
                            <strong>工作履历</strong><br>
                            入职时长：1年<br>
                            财务情况：无预支<br>
                            <!--<abbr title="Phone">P:</abbr> (123) 456-7890-->
                        </address>
                    </div>
                    <div class="clearfix"></div>
                </a>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="contact-box">
                <a href="staff_details.html">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="../img/a2.jpg">
                            <!-- 这里写职位 -->
                            <div class="m-t-xs font-bold">库管</div>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <!-- 员工姓名 -->
                        <h3><strong>John Smith</strong></h3>
                        <p> 联系方式：123</p>
                        <address>
                            <strong>工作履历</strong><br>
                            入职时长：1年<br>
                            财务情况：无预支<br>
                            <!--<abbr title="Phone">P:</abbr> (123) 456-7890-->
                        </address>
                    </div>
                    <div class="clearfix"></div>
                </a>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="contact-box">
                <a href="staff_details.html">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="../img/a2.jpg">
                            <!-- 这里写职位 -->
                            <div class="m-t-xs font-bold">库管</div>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <!-- 员工姓名 -->
                        <h3><strong>John Smith</strong></h3>
                        <p> 联系方式：123</p>
                        <address>
                            <strong>工作履历</strong><br>
                            入职时长：1年<br>
                            财务情况：无预支<br>
                            <!--<abbr title="Phone">P:</abbr> (123) 456-7890-->
                        </address>
                    </div>
                    <div class="clearfix"></div>
                </a>
            </div>
        </div>
        <div class="col-lg-4" id="addStaff">

        </div>
    </div>
    <!-- pageContext end -->

</div>

<!-- Mainly scripts -->
<script src="../js/jquery-2.1.1.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

<!-- Custom and plugin javascript -->
<script src="../js/inspinia.js"></script>
<script src="../js/plugins/pace/pace.min.js"></script>


<script>
    $(document).ready(function () {

        $('.contact-box').each(function () {
            animationHover(this, 'pulse');
        });
    });
    window.onload = function(){
        var addStaff = document.getElementById("addStaff");
        var sonNode = document.createElement("div");
        sonNode.className="contact-box";
        addStaff.appendChild(sonNode);
        var aNode = document.createElement("a");
        sonNode.appendChild(aNode);
        aNode.href="http://baidu.com";
        var iNode = document.createElement("i");
        iNode.className="fa fa-plus";
        aNode.appendChild(iNode);
    }

</script>

</body>

</html>
